<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8" />  
<meta content="width=device-width,initial-scale=1.0,user-scalable=no" name="viewport">  
<title>循环滑动</title>  
<style>  
*{margin:0;padding:0}  
html,body{overflow:hidden;}  
#slideView {  
    position:absolute;  
    overflow:hidden;  
    border:solid 1px black;  
}  
.slideContainer {  
    position:absolute;  
}  
.block{  
    position:absolute;  
}  
.block div{  
    border:solid 2px black;  
    margin:auto;  
    font-size:1.5em;  
    color:black;  
    width:60px;  
    height:60px;  
    text-align:center;  
    line-height:50px;  
    background-color:#fff;  
}  
.debug{  
    color:Black;  
}  
#divColor td{border:solid 1px black;}  
</style>  
<script type="text/javascript" src="../scripts/jquery-1.8.0.min.js"></script> 
<script src="test.js"></script>  
</head>  
<body>  
    <div class="debug" style="padding-left:30px;">滑呀滑呀</div>  
    <div id="divPlaceholder">  
    <div id="slideView">  
    <div class="slideContainer">  
        <div class="block">  
        <div>1</div>  
        </div>  
        <div class="block">  
        <div>2</div>  
        </div>  
        <div class="block">  
        <div>3</div>  
        </div>  
    </div>  
    </div>  
    </div>  
    <div>  
        <div id="divColor"></div>  
        <div>赤橙黄绿青蓝腚 谁持厕纸当空舞？</div>  
    </div>  
</body>  
</html>